body{
  background: #f0f6fb;
}

.pos{
  margin: 20px 0;
}

.about_box{
  padding-bottom: 30px;
  .bg(@img){
      background: url("../img/about/@{img}") no-repeat center top;
  }
  
  .left{
    width: 200px; min-height: 400px; background: #fff; border: 1px solid #dce9f3; padding: 20px; border-radius: 3px;
    .title{
      font-size: 18px; color: #323232;
    }
    .info{
      margin-top: 20px; 
      .item{
        display: block; font-size: 14px; padding: 10px 0;
        span{
          display: inline-block; width: 4px; height: 4px; background: #c3d5e4; position: relative; top:-2px; margin-right: 20px;
        }
        &.on{
          color: #e21c24;
        }
      }
    }
  }

  .right{
    width: 920px; background: #fff; border: 1px solid #dce9f3; border-radius: 3px;
    .title{
      border-bottom: 1px solid #dce9f3; padding: 25px 35px; font-size: 18px; color: #323232;
    }
    img{
      display: block;
    }
    .info{
      padding: 35px;
      .jj{
        .js{
          padding: 50px 0;
          .text{
            width: 365px; text-align: justify; color: #323232; font-size: 14px;
            p{
              margin-bottom: 10px;
              &:last-child{
                margin-bottom: 0;
              }
            }
          }
          .img{
            position: relative; top:-10px;
          }
        }
      }
      .dsj{
        .development{
          .year{
            background: #f6f6f6; width: 88px; height: 88px; border-radius: 50%; text-align: center; padding: 1px;
            .t{
              margin-top: 24px; font-size: 22px; color: #323232;
            }
            .b{
              color: #999999; font-size: 14px;
            }
          }
          .month{
            border-left: 2px solid #ebebeb; padding-left: 20px; margin-left: 46px; padding-top: 20px; padding-bottom: 20px;
            .item{
              .bg("icon_clock.png"); background-position: 0 center; padding-left: 34px; height: 60px; line-height: 60px; margin-left: -33px;
              .mon{
                color: #999999; font-size: 16px; width: 100px;
              }
              .txt{
                color: #323232; font-size: 14px;
                span{
                  display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #d2d2d2; position: relative; top:-2px; margin-right: 10px;
                }
              }
            }
          }
        }
      }
      .contact{
        margin-left: 0;
        .one{
          background: url(../img/about/contact_one_bg.png) no-repeat 0 0; width: 865px; height: 250px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; 
          .bt{
            font-size: 18px; color: #444; margin-top: 46px; margin-left: 34px; 
          }
          p{
            margin-left: 34px; width: 530px; margin-top: 24px; line-height: 26px; font-size: 14px; color: #555;
          }
        }

        .two{
          &.group{
            margin-top: 30px; border-bottom: 0;
            .item{
              width: 280px; padding-left: 46px;
              .bt{
                font-size: 16px; color: #2586c9; padding-top: 5px; padding-bottom: 10px; 
              }
              p{
                color: #444;
              }
              &.swhz{
                background: url(../img/icon_swhz.png) no-repeat left top;
              }
              &.mtcf{
                background: url(../img/icon_mtcf.png) no-repeat 10px top;
              }
            }
            .line{
              background: #e5e5e5; width:1px; height: 116px; margin: 0 30px; margin-left: 40px;
            }
          }
        }
        #allmap{
          width: 100%; height: 300px; margin-bottom: 20px;
        }
      }
      .swhz{
        .main{
          color: #323232; font-size: 14px;
          p.kp{
            text-align: center; padding: 20px 0; 
          }
          .items{
            .item{
              width: 350px; height: 90px; border: 1px solid #eeeeee; margin-top: 20px; border-radius: 3px; box-shadow: 0 0 6px rgba(0,0,0,0.15); padding: 30px 30px;
              .bt{
                color: #da0600; font-size: 20px; font-weight: bold; 
              }
              .ny{
                margin-top: 20px;
              }
              
            }
          }
          .bottom{
            border-top: 1px dashed #bfbfbf; margin-top: 30px;
            .bl{
              padding-top: 30px; padding-left: 30px;
              .bt{
                font-size: 18px; color: #323232; font-weight: bold; padding: 10px 0;
              }
            }
            .br{
              .txt{
                color: #323232; text-align: center; letter-spacing: 2px;
              }
              padding-top: 80px;
            }
          }
        }
      }
    }
  }
  

}


